<!DOCTYPE html>
<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>传智健康</title>
    <meta name="description" content="传智健康">
    <meta name="keywords" content="传智健康">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

    <!-- 引入样式 -->
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/login.css">
    <!-- 引入组件库 -->
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="../js/vue.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <script src="../js/axios-0.18.0.js"></script>
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <style>
        div{
            padding: 0px;
            margin: 0px;
        }
    </style>
</head>
<!--<div class="login-container">-->
    <!--<div class="loginBox">-->
        <!--<div class="title-container">-->
            <!--<div class="logoInfo clearfix">-->
                <div id="app">
                    <template>
                        <div class="block">
                            <el-carousel height="1000px" interval="2000">
                                <el-carousel-item style="padding: 0px;margin-top: -40px;" v-for="item in pics" :key="item">
                                    <h3><img :src="item" width="100%"> </h3>
                                </el-carousel-item>
                            </el-carousel>
                        </div>
                    </template>
                </div>
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<script>
    var app = new Vue({
        el: "#app",
        data: {
            pics: ['../img/bg4.jpg',
                '../img/bg2.jpg',
                '../img/bg3.jpg',
                '../img/bg1.jpg'
            ]

        }
    })
</script>
</html>
